<template>
  <div>
    <van-tabs
      class="tabs"
      v-model="active"
      line-width="20px"
      duration="0"
      sticky
      offset-top="46"
    >
      <van-tab title="关注"> </van-tab>
      <van-tab title="推荐">
      </van-tab>
      <van-tab title="分类"></van-tab>
    </van-tabs>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 1,
      icon: {
        active: "http://qxkmdhmin.hn-bkt.clouddn.com/shoucang.png",
        inactive: "http://qxkmdhmin.hn-bkt.clouddn.com/shoucang1.png",
        active_home: "http://qxkmdhmin.hn-bkt.clouddn.com/home.png",
        inactive_home: "http://qxkmdhmin.hn-bkt.clouddn.com/home_1.png",
        active_me: "http://qxkmdhmin.hn-bkt.clouddn.com/my1.png",
        inactive_me: "http://qxkmdhmin.hn-bkt.clouddn.com/my.png",
      },
    };
  },
};
</script>
<style lang="scss" scoped>
.tabs {
  word-break: break-all;
  margin-bottom: 50px;
}
</style>
